<template>
	<view class="tree">
		<comHead :title="$t('index.zhangjie')" :isLeft="true" :isRight="false" rType="episode"></comHead>
		<!-- <le-movable :listTop="listTop"> -->
		<scroll-view scroll-with-animation="true" scroll-y="true" scroll-x="true" v-if="treeData.length>0" :scroll-into-view="currentItem">
			<view class="imgBox" v-if="treeData.length>0">
				<view v-if="item.is_look!=3 && item.id==12" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1 && treeData[0].info_list[1].is_look!=3">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id<20 && item.id>12" @click="toSiha(item)" class="imgs"
					:id="'imgs'+item.id" v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==249" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==21" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==23" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==22" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==24" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>

				<view v-if="item.is_look!=3 && item.id==39" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==40" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>

				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==42" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==45" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==46" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==52" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==53" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>

				<view v-if="item.is_look!=3 && item.id==60" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==257" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==256" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==67" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==68" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==70" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==75" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==76" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==77" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==81" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==82" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==86" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==89" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==90" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==91" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>

				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==94" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==97" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==99" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 350rpx;" v-if="item.is_look!=3 && item.id==268" @click="toSiha(item)" class="imgs"
					:id="'imgs'+item.id" v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 440rpx;" v-if="item.is_look!=3 && item.id==105" @click="toSiha(item)" class="imgs"
					:id="'imgs'+item.id" v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 530rpx;" v-if="item.is_look!=3 && item.id==107" @click="toSiha(item)" class="imgs"
					:id="'imgs'+item.id" v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==110" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==113" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==114" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==118" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==119" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==122" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==125" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==127" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==128" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==129" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==134" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==321" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==135" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==138" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==141" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==144" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.is_look!=3 && item.id==322" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.is_look!=3 && item.id==147" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" v-if="item.is_look==1">
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==148" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==151" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==155" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==160" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==161" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==323" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==163" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==164" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==165" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==168" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==171" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==299" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==176" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==177" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id>180 && item.id<187" @click="toSiha(item)" class="imgs"
					:id="'imgs'+item.id" v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==304" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>

				<view v-if="item.is_look!=3 && item.id==196" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==215" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==204" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==211" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==228" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==198" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==218" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==223" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==205" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==213" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==313" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==312" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==199" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==219" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==224" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==207" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==214" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==232" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==238" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==310" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==203" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==221" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==226" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==208" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==233" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==227" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==234" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.is_look!=3 && item.id==236" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :class="item.is_look==1?'':'mc'"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
			</view>
		</scroll-view>
		<!-- <view class="imgBox">
				<image class="bgImg" :src="getImg(bgImg)" mode="widthFix"></image>
				<template v-for="(item,index) in treeData">
					<view @click="it.is_look==1?toSiha(it):''" class="item" v-for="(it,ind) in item.info_list" :style="{left:it.x_value/treeData[0].width/100+'%',top:it.y_value/treeData[0].height/100+'%',backgroundColor:it.is_look==1?'rgba(0,0,0,0)':'rgba(0,0,0,0.5)'}">
					</view>
				</template>
			</view> -->
		<!-- </le-movable> -->
		<image @click.stop="onReset" src="https://siha.vxmeng.com/static/index/fw.png" mode="widthFix"></image>

		<comLoading :isShow="isShow"></comLoading>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listTop: 0,
				bgImg: "",
				treeData: [],
				isShow: false,
				current_id: null,
				currentItem:'imgs12'
			};
		},
		onLoad() {
			this.isShow = true
			setTimeout(() => {
				this.isShow = false
			}, 800)
			this.getEpisodeChapter()
			this.getEpisodeInfo();
		},
		methods: {
			onReset() {
				if(this.currentItem!='imgs12'){
					this.currentItem = "imgs12"
				}else{
					this.currentItem = "imgs"+this.current_id
				}
			},
			toSiha(e) {
				if (e.is_look == 1) {
					if (this.treeData[0].video_type == 2) {
						this.comLink('/pages/index/siha?id=' + e.id)
					} else {
						this.comLink('/pages/index/siha2?id=' + e.id)
					}
				} else {
					this.$tools.showTx('观看上一章节解锁此分支')
				}
			},
			async getEpisodeChapter() {
				const res = await this.$myRequest({
					url: 'api/episode/getEpisodeChapter',
					data: {
						source: 1,
					}
				})
				if (res.code == 1) {
					this.treeData = res.data
					// for (let s of this.treeData[0].info_list) {
					// 	s.is_look = 1
					// }
					this.bgImg = res.data[0].branch_image
				}
			},
			async getEpisodeInfo() {
				const res = await this.$myRequest({
					url: 'api/episode/getEpisodeInfo',
					data: {}
				})
				if (res.code == 1) {
					this.current_id = res.data.episode_info_id;
				}
			},
			tosiha(e) {
				console.log(e)
				// this.comLink('/pages/index/siha')
			},
			// 返回上一页
			backPage() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style lang="less" scoped>
	.tree {
		height: calc(100vh - var(--status-bar-height));
		position: relative;
		overflow: hidden;

		&>image {
			width: 100rpx;
			position: fixed;
			bottom: 450rpx;
			right: 30rpx;
		}

		.imgBox {
			display: flex;
			// justify-content: center;
			flex-direction: column;
			align-items: center;
			width: 100%;
			height: 100vh;
			// overflow: auto;
			// margin-top: -15000rpx;
			// margin-left: -300rpx;
			>view:last-child{
				padding-bottom: 500rpx;
			}
			.imgs {
				position: relative;
				width: 200rpx;
				left: 10000000rpx;
				top: 0;
				// height: 120rpx;
				display: flex;
				flex-direction: column;
				
				image {
					width: 200rpx;
					height: 120rpx;
					background: #eee;
				}

				text {
					color: #fff;
					font-size: 20rpx;
					width: 100%;
					padding: 6rpx 0;
					box-sizing: border-box;
					background: rgba(#000, 0.8);
					display: -webkit-box;
					-webkit-box-orient: vertical;
					overflow: hidden;
					-webkit-line-clamp: 1;
					text-overflow: ellipsis;
					text-align: center;
				}
			}

			.kuangs {
				display: flex;
				justify-content: space-between;
				width: 500rpx;

				&:nth-child(7) {
					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 20rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-right: none;
									border-top: none;
									border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 20rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-right: none;
									border-bottom: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(8) {
					margin-top: 110rpx;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 58rpx;
									border-top: none;
									border-left: none;
								}
							}
						}
					}
				}

				&:nth-child(11) {
					margin-top: 300rpx;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 94rpx;
									border-top: none;
									border-right: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 58rpx;
									border-top: none;
									border-left: none;
								}
							}
						}
					}
				}

				&:nth-child(13) {
					margin-top: 200rpx;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 300rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-top: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 20rpx;
									height: 80rpx;
									bottom: -170rpx;
									left: -50rpx;
									border-right: none;
									border-bottom: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(17),
				&:nth-child(19),
				&:nth-child(21),
				&:nth-child(26) {
					margin-top: 380rpx;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 94rpx;
									border-top: none;
									border-right: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 46rpx;
									height: 226rpx;
									bottom: -226rpx;
									left: 58rpx;
									border-top: none;
									border-left: none;
								}
							}
						}
					}
				}

				&:nth-child(19),
				&:nth-child(21) {
					margin-top: 200rpx;
				}

				&:nth-child(26) {
					margin-top: 320rpx;
				}

				&:nth-child(21) {

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 100rpx;
									height: 355rpx;
									bottom: -355rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
									// border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 300rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
									border-bottom: none;
									border-left: 2rpx dashed #5F87FB;
								}
							}
						}
					}
				}

				// 异形多个
				&:nth-child(37) {
					margin-top: -70rpx;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 40rpx;
									height: 600rpx;
									bottom: -600rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
									// border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 300rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
									border-bottom: none;
								}
							}
						}
					}
				}

				&:nth-child(44) {
					margin-top: -70rpx;
					margin-left: 690rpx;

					.imgs {

						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 300rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-top: none;
									border-right: none;
									border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 20rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 100rpx;
									border-right: none;
									border-bottom: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(45) {
					margin-top: 100rpx;
					margin-left: 690rpx;

					.imgs {

						&:nth-child(1) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 100rpx;
									height: 80rpx;
									bottom: -90rpx;
									left: 10rpx;
									border-top: none;
									border-left: none;
									// border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 80rpx;

							.lineBox {
								.line {
									width: 390rpx;
									height: 120rpx;
									bottom: -130rpx;
									left: -290rpx;
									border-top: none;
									border-left: none;
								}
							}
						}
					}
				}
			}

			.lineBox {
				.line {
					position: absolute;
					width: 120rpx;
					height: 60rpx;
					border: 2rpx dashed #5F87FB;
				}
			}
			
			>.imgs {
				position: relative;
				width: 200rpx;
				left: 10000000rpx;
				top: 0;
				// height: 120rpx;
				display: flex;
				flex-direction: column;
				image {
					width: 200rpx;
					height: 120rpx;
				}

				text {
					color: #fff;
					// position: absolute;
					font-size: 20rpx;
					bottom: 0;
					left: 0;
					// display: inline-flex;
					width: 100%;
					padding: 6rpx 0;
					box-sizing: border-box;
					background: rgba(#000, 0.8);
					text-align: center;
					// align-items: center;
					// justify-content: center;
				}

				&:nth-child(1) {
					left: 120rpx;
					top: 50rpx;

					.lineBox {
						.line {
							bottom: 30rpx;
							left: -130rpx;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(2) {
					left: -120rpx;
					top: 50rpx;

					.lineBox {
						.line {
							bottom: 30rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(3) {
					left: 120rpx;
					top: 50rpx;

					.lineBox {
						.line {
							bottom: 30rpx;
							left: -130rpx;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(4) {
					left: -120rpx;
					top: 50rpx;

					.lineBox {
						.line {
							bottom: 30rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(5) {
					left: 120rpx;
					top: 50rpx;

					.lineBox {
						.line {
							width: 20rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -30rpx;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(6) {
					left: 0rpx;
					top: 60rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(9) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(10) {
					left: 0rpx;
					top: 355rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(12) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(14) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(15) {
					left: 0rpx;
					top: 350rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(16) {
					left: 0rpx;
					top: 440rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(18),
				&:nth-child(20) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(22) {
					left: 150rpx;
					top: 180rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							// border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(23) {
					left: 0rpx;
					top: 210rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(24) {
					left: 0rpx;
					top: 300rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(25) {
					left: 0rpx;
					top: 390rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(27),
				&:nth-child(28),
				&:nth-child(29) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(30) {
					left: 0rpx;
					top: 260rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 270rpx;
							bottom: -270rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}

						.line:nth-child(2) {
							width: 90rpx;
							height: 120rpx;
							bottom: -35rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(31) {
					left: 200rpx;
					top: 580rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 85rpx;
							height: 140rpx;
							bottom: -140rpx;
							left: 15rpx;
							border-left: none;
							border-top: none;
						}
					}
				}

				&:nth-child(32) {
					left: 0rpx;
					top: 650rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(33) {
					left: 0rpx;
					top: 740rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(34) {
					left: 0rpx;
					top: 830rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(35) {
					left: 0rpx;
					margin-top: 920rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(36) {
					left: 0rpx;
					margin-top: 90rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(38) {
					left: 150rpx;
					margin-top: 180rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(39) {
					left: 150rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							// border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(40) {
					left: 0rpx;
					margin-top: 40rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(41) {
					left: 0rpx;
					margin-top: 40rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(42) {
					left: 0rpx;
					margin-top: 40rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 40rpx;
							height: 690rpx;
							bottom: -690rpx;
							left: 100rpx;
							border-top: none;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 240rpx;
							height: 110rpx;
							bottom: -20rpx;
							left: 210rpx;
							// border-top: none;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(43) {
					left: 350rpx;
					margin-top: 40rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 80rpx;
							bottom: 0rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(46) {
					left: 0rpx;
					margin-top: 140rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(47),
				&:nth-child(48),
				&:nth-child(49),
				&:nth-child(50),
				&:nth-child(51),
				&:nth-child(52),
				&:nth-child(53),
				&:nth-child(54),
				&:nth-child(55),
				&:nth-child(56),
				&:nth-child(57),
				&:nth-child(58),
				&:nth-child(59),
				&:nth-child(60),
				&:nth-child(61),
				&:nth-child(62),
				&:nth-child(63),
				&:nth-child(64) {
					left: 0rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(65) {
					left: 0rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 800rpx;
							height: 180rpx;
							bottom: -80rpx;
							left: -800rpx;
							border-right: none;
							border-bottom: none;
							// border-top: none;
							// border-left: none;
						}

						.line:nth-child(2) {
							width: 350rpx;
							height: 140rpx;
							bottom: -80rpx;
							left: -350rpx;
							border-right: none;
							border-bottom: none;
							// border-top: none;
							// border-left: none;
						}

						.line:nth-child(3) {
							width: 200rpx;
							height: 140rpx;
							bottom: -80rpx;
							left: 100rpx;
							border-right: none;
							border-bottom: none;
							border-top: none;
							// border-left: none;
						}

						.line:nth-child(4) {
							width: 350rpx;
							height: 140rpx;
							bottom: -80rpx;
							left: 200rpx;
							// border-right: none;
							border-bottom: none;
							// border-top: none;
							border-left: none;
						}

						.line:nth-child(5) {
							width: 800rpx;
							height: 180rpx;
							bottom: -80rpx;
							left: 200rpx;
							// border-right: none;
							border-bottom: none;
							// border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(66) {
					left: -900rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(67) {
					left: -450rpx;
					margin-top: -160rpx;

					.lineBox {
						.line:nth-child(1) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(68) {
					left: 0rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(69) {
					left: 450rpx;
					margin-top: -160rpx;

					.lineBox {

						// 单线
						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(70) {
					left: 900rpx;
					margin-top: -160rpx;

					.lineBox {

						// 双线
						.line:nth-child(1) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(71) {
					left: -900rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(72) {
					left: -610rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(73) {
					left: -290rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(74) {
					left: 0rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(75) {
					left: 450rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(76) {
					left: 750rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(77) {
					left: 1050rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(78) {
					left: -900rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: -60rpx;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 50rpx;
							height: 160rpx;
							bottom: -80rpx;
							left: 210rpx;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(79) {
					left: -610rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(80) {
					left: -290rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(81) {
					left: 0rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(82) {
					left: 450rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(83) {
					left: 750rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(84) {
					left: 1050rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(85) {
					left: -1060rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(86) {
					// left: -740rpx;
					left: -790rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(87) {
					// left: -610rpx;
					left: -560rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(88) {
					left: -290rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(89) {
					left: 0rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(90) {
					left: 750rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(91) {
					left: -290rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(92) {
					left: 750rpx;
					margin-top: -160rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(93) {
					left: 750rpx;
					margin-top: 90rpx;

					.lineBox {

						.line:nth-child(1) {
							width: 50rpx;
							height: 80rpx;
							bottom: -80rpx;
							left: 50rpx;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}
			}

			#imgs310,
			#imgs203,
			#imgs221,
			#imgs227,
			#imgs208,
			#imgs214,
			#imgs236,
			#imgs238 {
				.lineBox {
					display: none;
				}
			}

			.imgs.mc {
				position: relative;

				&::after {
					content: "未解锁";
					// background-color: rgba(214,212,236, 0.1);
					backdrop-filter: blur(10rpx);
					transform: translateZ(0);
					width: 200rpx;
					height: 160rpx;
					display: flex;
					justify-content: center;
					line-height: 220rpx;
					color: #fff;
					font-size: 24rpx;
					background: url('https://siha.vxmeng.com/static/playlet/wjs.png') no-repeat center 30%;
					background-size: 20%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}

				text {
					filter: blur(6rpx);
				}
			}
		}
	}
</style>